<!-- 组件的结构 -->
<template>
<div class="demo">
        <h2>学生名称：{{schoolName}}</h2>
        <h2>年龄：{{address}}</h2>
</div>
</template>

// 组件交互相关的代码（数据、方法等等）
<script>
    // 最简化暴露--使用默认暴露，并去掉Vue.extend
    export default {
        name:'Student',  //组件名最好和文件名保持一致
        data(){
            return {
                name:'张三',
                age:18
            }
        }
    }
</script>

// 组件的样式
<style scoped>
.demo{
    background-color: orange;
}
</style>
